<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/d-head.css">
    <link rel="stylesheet" href="/css/car-baes.css">


    <script src="jQuery-3.6.0.js"></script>
</head>

<body>
    <div class="d-head">
        <!-- 广告图 -->
        <div class="d-banner">
            <div class="d-bannerA">
                <img src="./images/d-banner.jpg" alt="">
                <i class="d-banner-close"></i>
            </div>
        </div>
        <!-- 头部 -->
        <div class="d-head-main">
            <!-- log -->
            <div class="d-headlogo">
                <img src="./images/d-head-logo.gif" alt="">
            </div>
            <!-- 头部主体部分 -->
            <div class="d-head">
                <!-- 灰色区域 -->
                <div class="d-headsit-nav">
                    <!-- 左半边 -->
                    <div class="d-headNav-left">
                        <!-- 地区 -->
                        <div class="d-headCity">
                            <div class="d-headCityCity">
                                <i class="d-address"></i>
                                <span class="d-add-span">郑州市</span>
                            </div>
                            <div class="d-headCityYc">
                                <div class="hot">
                                    <b>苏州市</b>
                                    <b>北京市</b>
                                    <b>天津市</b>
                                    <b>上海市</b>

                                </div>
                                <div class="d-abc"></div>
                                <ul class="d-headCityUl"></ul>
                            </div>
                        </div>
                        <!-- 登录注册 -->
                        <div class="d-headinfo">
                            <a href="###" class="d-denglu">请登录</a>
                            <a href="###" class="d-zhuce">免费注册</a>
                        </div>
                    </div>
                    <!-- 右半边 -->
                    <ul class="d-headNav-right">
                        <li>
                            <a href="###">我的订单</a>
                        </li>
                        <li class="d-spacer"></li>
                        <li><a href="###">我的浏览</a></li>
                        <li class="d-spacer"></li>
                        <li><a href="###">我的收藏</a></li>
                        <li class="d-spacer"></li>
                        <li><a href="###">客户服务</a></li>
                        <li class="d-spacer"></li>
                        <li class="d-headNav-right-lastli">
                            <div class="fl ">网站导航
                                <div class="fl d-headNav-lastli-div1"></div>
                            </div>
                            <!-- 隐藏部分 -->
                            <div class="d-headNav-lastli-div2YC">
                                <div class="d-headNav-div2YCLeft fl">
                                    <b><a href="###" class="d-notbs">特色主题</a></b>
                                    <a href="###">男装女装</a>
                                    <a href="###">鞋靴箱包</a>
                                </div>
                                <div class="d-headNav-div2YCRight fl">
                                    <b><a href="" class="d-notbs">促销活动</a></b>
                                    <br>
                                    <a href="">拍卖活动</a> <a href="">共创商品</a> <a href="">积分商城</a>
                                    <br>
                                    <a href="">CMS频道</a> <a href="">优惠活动</a> <a href="">超值礼包</a>
                                    <br>
                                    <a href="">优惠券</a> <a href="">礼品卡</a> <a href="">预售商品</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 搜索区域 -->
                <div class="d-headSearch">
                    <input type="text" id="d-head-search" placeholder="周大福">
                    <button type="submit" class="d-head-button">搜商品</button>
                    <button type="submit" class="d-head-button d-head-store">搜店铺</button>
                    <div class="d-head-searchA">
                        <a href="#">周大福</a>
                        <a href="#">内衣</a>
                        <a href="#">Five Plus</a>
                        <a href="#">手机</a>
                    </div>
                </div>
                <!-- 购物车区域 -->
                <div class="d-headshopCar">
                    <a href="###" class="d-headshopCarAA">
                        <i><img src="images/d-head-shopping.png" alt=""></i>
                        <span class="d-headshopCarSpan">我的购物车</span>
                        <em class="d-headshopCar-clount">0</em>
                    </a>
                    <div class="d-headshopCar-yc">
                        <a href="">
                            <img src="images/d-head-shopbiaoqing.png" alt="" class="fl">
                            <span class="d-headshopCarYc-span">购物车中还没有商品，赶紧选购吧！</span>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 导航栏 -->
            <div class="d-head-nav-all">
                <div id="d-common-cat">
                    <a href="###" style="color: white;" class="d-common-catA">全部商品分类</a>
                </div>
                <div id="d-head-commn-nav">
                    <ul>
                        <li><a href="###" class="red">首页</a></li>
                        <li><a href="###" class="d-red1">个护美妆</a></li>
                        <li><a href="###" class="d-pink">服装城</a></li>
                        <li><a href="###" class="d-blue">家用电器</a></li>
                        <li><a href="###" class="d-balck">鞋靴箱包</a></li>
                        <li><a href="###" class="d-red1">聚划算</a></li>
                        <li><a href="###" class="d-red1">预售</a></li>
                        <li><a href="###" class="d-red1">店铺街</a></li>
                        <li><a href="###" class="d-red1">品牌专区</a></li>
                        <li><a href="###" class="d-red1">公告</a></li>

                        <div class="spec" data-spec=""></div>
                    </ul>
                </div>
            </div>
        </div>

        <!-- 隐藏部分 -->
        <div class="d-head-YCtop">
            <div class="d-head-YCtop-mian">
                <div class="d-head-YC-all">
                    <b>全部商品</b>
                </div>
                <div class="d-head-YC-search">
                    <input type="text" id="d-head-search" placeholder="手机">
                    <button type="submit" class="d-head-button">搜商品</button>
                    <button type="submit" class="d-head-button d-head-store">搜店铺</button>
                </div>
                <div class="d-head-YC-dlzc">
                    <a href="###">登录</a> &nbsp;|&nbsp;
                    <a href="###">注册</a>
                </div>
                <div class="d-head-YC-shop">
                    <i></i>
                    <em class="d-head-YC-clount">0</em>
                </div>
            </div>
        </div>
    </div>
    <script src="./渲染数据/data.js"></script>
    <script src="./js/d-head.js"></script>

</body>

</html>